<!doctype html>
<html>
	<head>
		<title>ch11_04</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="themes/a.css" />
		<link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" />
		<link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
		<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
		<script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
		<link rel="shortcut icon" href="../favicon.ico">
	</head>
	<body>
		<div data-role="page" data-title="第一页" id="first" data-theme="my-custom-theme">
			<div data-role="header">
				<h1>按钮练习</h1>
			</div>
			<div data-role="content" id="content">
				没有图标的按钮
				<a href="#" data-role="button">按钮</a>
				有图标的按钮
				<a href="#" data-role="button" data-icon="search">搜索</a>
				更改图标位置
				<a href="#" data-role="button" data-icon="search" data-iconpos="top">搜索</a>
				显示紧实图标
				<a href="#" data-role="button" data-icon="search" data-inline="true">搜索</a>
			</div>
			<div data-role="controlgroup" data-type="horizontal">
				<a href="#" data-role="button">新闻</a>
				<a href="#" data-role="button">运动</a>
				<a href="#" data-role="button">电源</a>
			</div>
			<ol data-role="listview" data-inset="true">
				<li>
					<a href="#">
						<img src="images/1.png" />
						<h3>语文</h3>
						<p>时间：星期一 人数：15人</p>
						<span class="ui-li-count">2</span>
						<a herf="#" data-icon="gear"></a>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="images/2.png" />
						<h3>数学</h3>
						<p>时间：星期一 人数：16人</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="images/3.png" />
						<h3>英语</h3>
						<p>时间：星期一 人数：18人</p>
					</a>
				</li>
			</ol>
			<div data-role="footer">
				<h4>页脚</h4>
			</div>
		</div>
	</body>
</html>